<template>
    <div class="container">

        <el-image
                v-for="url in urls"
                :src="url"
               >
        </el-image>
    </div>
</template>

<script>
  export default {
    name: "Pictures",
    data() {
      return {
        urls: ["../assets/庄周.jpg", "../assets/王昭君.jpg", "../assets/露娜.jpg"],
        srcList: [
          "https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg",
          "https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg"
        ],
        pic1: ["../assets/庄周.jpg", "../assets/王昭君.jpg", "../assets/露娜.jpg"]
      };
    }
  };
</script>

<style scoped>
    .container {
        margin: 0 100px;
    }

    .el-carousel__item h3 {
        color: #475669;
        font-size: 14px;
        opacity: 0.75;
        line-height: 150px;
        margin: 0;
    }


</style>
